<script setup lang="ts">
const props = defineProps({
	text: {
		type: String,
		default: ''
	},
	color:{
		type: String,
		default: 'rgba(25, 30, 40, 0.32)'
	},
  to:{
    type: String,
    default: ''
  }
})
</script>

<template>
	<p class="time-line" :style="{color: props.color}">
    {{props.text}}
    <router-link v-if="props.to" :to="props.to">{{props.to}}</router-link>
  </p>
</template>

<style scoped lang="scss">
.time-line{
	text-align: center;
	font-size: 12px;
	margin-bottom: 16px;
  a{
    color: #019A81;
    text-decoration: none;
  }
}
</style>